@charset "utf-8"; * { margin: 0; padding: 0; word-wrap: break-word } 

input[type=text]::-ms-clear,
input[type=text]::-ms-reveal { display: none } 

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
li,
ol,
p,
pre,
td,
th,
ul { margin: 0; padding: 0 } 

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section { display: block } 

body { background: #F5F7FA; color: #333; font-size: 9pt; } 

body,
input,
button,
input,
select,
textarea { font-family: Arial, hiragino sans gb, microsoft yahei, simsun, sans-serif } 

li { list-style-type: none } 

img,
ul { margin: 0; padding: 0 } 

img { border: 0 } 

a { color: #333; -webkit-transition: .3s; transition: .3s } 

a,
a:hover { text-decoration: none } 

a:hover { color: #3c81f9 } 

em { font-style: normal } 

.fl { float: left } 

.fr { float: right } 

del { margin: 0; padding: 0; border: 0; text-decoration: none; font-style: normal } 

.mt20 { margin-top: 20px; } 

.mb20 { margin-bottom: 20px; } 

.clear { clear: both; overflow: hidden; height: 0 } 

.clearfix { display: block } 

.clearfix:after { clear: both; display: block; visibility: hidden; height: 0; content: "" } 

.blank10 { height: 10px } 

.blank20 { height: 20px } 

.blank25 { height: 25px } 

.blank30 { height: 30px } 

::selection { background: #3c81f9; color: #fff } 

::-moz-selection { background: #3c81f9; color: #fff } 

button,
input,
optgroup,
select,
textarea { margin: 0; outline: 0 } 

legend { padding: 0; border: 0 } 

textarea { overflow: hidden; resize: none } 

input::-moz-placeholder,
textarea::-moz-placeholder { color: #b1b1b1 } 

input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #b1b1b1 } 

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #b1b1b1 } 

.page-width { margin: 0 auto; width: 1180px } 

.fw-bold { font-weight: 700 } 

.fw-normal { font-weight: 400 } 

.fz-12 { font-size: 9pt } 

.fz-14 { font-size: 14px } 

.fz-16 { font-size: 1pc } 

.fz-18 { font-size: 18px } 

.fz-20 { font-size: 20px } 

.fz-22 { font-size: 22px } 

.fz-24 { font-size: 24px } 

.fz-26 { font-size: 26px } 

.fz-28 { font-size: 28px } 

.fz-30 { font-size: 30px } 

.tx_z { text-align: left } 

.tx_y { text-align: right } 

.tx_cr { color: #ccc } 

.gray { color: #909090 } 

.w_b10 { width: 10% } 

.w_b20 { width: 20% } 

.w_b30 { width: 30% } 

.w_b40 { width: 40% } 

.w_b50 { width: 50% } 

.w_b60 { width: 60% } 

.w_b70 { width: 70% } 

.w_b80 { width: 80% } 

.w_b90 { width: 90% } 

.w_b95 { width: 95% } 

.w_b100 { width: 100% } 

.w3_3 { width: 33.33% } 

.w-5 { width: 5px } 

.w-10 { width: 10px } 

.w-15 { width: 15px } 

.w-20 { width: 20px } 

.w-25 { width: 25px } 

.w-30 { width: 30px } 

.w-35 { width: 35px } 

.w-40 { width: 40px } 

.w-45 { width: 45px } 

.w-50 { width: 50px } 

.w-55 { width: 55px } 

.w-60 { width: 60px } 

.w-65 { width: 65px } 

.w-70 { width: 70px } 

.w-75 { width: 75px } 

.w-80 { width: 5pc } 

.w-85 { width: 85px } 

.w-90 { width: 90px } 

.w-95 { width: 95px } 

.w-100 { width: 75pt } 

.w-120 { width: 90pt } 

.w-1024 { width: 64pc } 

.w-1200 { width: 75pc } 

.h-5 { height: 5px } 

.h-10 { height: 10px } 

.h-15 { height: 15px } 

.h-20 { height: 20px } 

.h-25 { height: 25px } 

.h-30 { height: 30px } 

.h-35 { height: 35px } 

.h-40 { height: 40px } 

.h-45 { height: 45px } 

.h-50 { height: 50px } 

.h-55 { height: 55px } 

.h-60 { height: 60px } 

.h-65 { height: 65px } 

.h-70 { height: 70px } 

.h-75 { height: 75px } 

.h-80 { height: 5pc } 

.h-85 { height: 85px } 

.h-90 { height: 90px } 

.h-95 { height: 95px } 

.h-100 { height: 75pt } 

.lh-5 { line-height: 5px } 

.lh-10 { line-height: 10px } 

.lh-15 { line-height: 15px } 

.lh-20 { line-height: 20px } 

.lh-25 { line-height: 25px } 

.lh-30 { line-height: 30px } 

.lh-40 { line-height: 40px } 

.lh-45 { line-height: 45px } 

.lh-50 { line-height: 50px } 

.d-block { display: block } 

.d-none { display: none } 

.show { display: block!important } 

.hide { display: none!important } 

.p-absolute { position: absolute } 

.p-fixed { position: fixed } 

.p-relative { position: relative } 

.p-inherit { position: inherit } 

.f-l { float: left } 

.f-r { float: right } 

.ta-left { text-align: left } 

.ta-center { text-align: center } 

.ta-right { text-align: right } 

.o-hidden { overflow: hidden } 

.o-auto { overflow: auto } 

.o-inherit { overflow: inherit } 

.c-255 { color: #fff } 

.bg-255 { background: #fff } 

.bg-bai { background-color: #fff } 

.bg-gray { background: #f0f0f0 } 

.t-r { text-align: right } 

.t-c { text-align: center } 

.t-l { text-align: left } 

.fc-hong { color: red } 

.bd-all { border: 1px solid #eee; border-radius: 3px; } 

.plr_5 { padding-right: 5px; padding-left: 5px } 

.plr_10 { padding-right: 10px; padding-left: 10px } 

.plr_15 { padding-right: 15px; padding-left: 15px } 

.plr_20 { padding-right: 20px; padding-left: 20px } 

.plr_25 { padding-right: 25px; padding-left: 25px } 

.plr_30 { padding-right: 30px; padding-left: 30px } 

.plr_35 { padding-right: 35px; padding-left: 35px } 

.pd_10 { padding-bottom: 10px } 

.pd_20 { padding-bottom: 20px } 

.pd_30 { padding-bottom: 30px } 

.pd_40 { padding-bottom: 40px } 

.pp_5 { padding-top: 5px } 

.pp_10 { padding-top: 10px } 

.pp_15 { padding-top: 15px } 

.pp_20 { padding-top: 20px } 

.pp_30 { padding-top: 30px } 

.pp_40 { padding-top: 40px } 

.pl_10 { padding-left: 10px } 

.pl_20 { padding-left: 20px } 

.pl_30 { padding-left: 30px } 

.pl_40 { padding-left: 40px } 

.pr_10 { padding-right: 10px } 

.pr_20 { padding-right: 20px } 

.pr_30 { padding-right: 30px } 

.pr_40 { padding-right: 40px } 

.mao { margin: 0 auto } 

.md_10 { margin-bottom: 10px } 

.md_20 { margin-bottom: 20px } 

.md_30 { margin-bottom: 30px } 

.md_40 { margin-bottom: 40px } 

.mp_0 { margin-top: 0 !important; } 

.mp_5 { margin-top: 5px } 

.mp_10 { margin-top: 10px } 

.mp_15 { margin-top: 15px } 

.mp_20 { margin-top: 20px !important } 

.mt_20 { margin-top: 20px !important; } 

.mp_25 { margin-top: 25px } 

.mp_30 { margin-top: 30px } 

.mp_40 { margin-top: 40px } 

.mp_50 { margin-top: 50px } 

.mp_60 { margin-top: 60px } 

.mp_70 { margin-top: 70px } 

.ml_5 { margin-left: 5px } 

.ml_10 { margin-left: 10px } 

.ml_20 { margin-left: 20px } 

.ml_30 { margin-left: 30px } 

.ml_40 { margin-left: 40px } 

.mr_10 { margin-right: 10px } 

.mr_20 { margin-right: 20px } 

.mr_30 { margin-right: 30px } 

.mr_40 { margin-right: 40px } 

.ro_3 { border-radius: 3px } 

.ro_5 { border-radius: 5px } 

.ro_7 { border-radius: 7px } 

.ro_9 { border-radius: 9px } 

.ro_11 { border-radius: 11px } 

.ro_13 { border-radius: 13px } 

.ro_15 { border-radius: 15px } 

.ro_17 { border-radius: 17px } 

.ro_19 { border-radius: 19px } 

.ro_20 { border-radius: 20px } 

.rod { border-radius: 50% } 

.pad_10 { padding: 10px } 

.pbd_10 { padding-right: 10px; padding-left: 10px } 

.pbd_15 { padding-right: 15px; padding-left: 15px } 

.del { text-decoration: line-through } 

.mt15 { margin-top: 15px } 

.jiathis_style a { transition: 0s; -webkit-transition: 0s; } 


/* 头部通用 */

.header { background: #fff; } 

.haed-user { font-size: 14px; position: relative; display: inline-block;    vertical-align: middle;} 
.haed-user .username{max-width: 110px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.u-navdropmenu { position: absolute; background: #fff; width: 100px; z-index: 10; border-radius: 3px; box-sizing: border-box; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); padding: 10px 0; left: 50%; margin-left: -50px; display: none; } 

.u-navdropmenu span { display: block; line-height: 40px; text-align: center; } 

.haed-user .m-avatar { width: 30px; height:30px; vertical-align: middle; border-radius: 30px; object-fit: cover; margin-right: 5px; } 

.top-nav { line-height: 80px; height: 80px; } 

.top-nav__logo { float: left; line-height: 80px; margin-right:10px; } 
/*--------logo----------*/
.top-nav__logo img { vertical-align: middle; /*-----width: 142px; -------*/
/*-----height: 18px; -------*/
 object-fit: cover; } 

.top-nav__nav { float: left; margin-right: 11px; } 

.top-nav__nav li { float: left; margin-right: 29px; font-size: 16px; position: relative; } 

.top-nav__nav li a { color: #2F3133; cursor: pointer; } 

.top-nav__nav li::after { width: 30px; height: 2px; position: absolute; left: 50%; bottom: 21px; margin-left: -15px; content: ''; display: none; background: #3C81F9; } 

.top-nav__nav li.curr a { color: #3C81F9 } 

.top-nav__nav li.curr::after { display: block; } 

.more-nav { display: none; position: absolute; width: 120px; background: #fff; left: 50%; margin-left: -60px; top: 80px; padding: 10px 0; text-align: center; border-radius: 5px; z-index: 1000; box-shadow: 0px 1px 20px 1px rgba(0, 0, 0, 0.08); } 

.more-nav a { display: block; line-height: 36px; font-size: 14px; } 

.top-nav__nav li:hover .more-nav { display: block; } 


/*search*/

.search-box { width: 400px; float: left; margin-left: 50px; } 

.search { float: left; width: 240px; height: 40px; margin-top: 21px; background: #EFF2F7; position: relative; border-radius: 40px; margin-right: 30px; } 

.search .search-key { border: none; height: 40px; background: none; width: 199px; display: block; padding: 0 10px; box-sizing: border-box; } 

.search .search-btn { width: 48px; position: absolute; height: 40px; border: none; background: url(search.png) no-repeat center; right: 0; top: 0; } 

.login-a-reg { float: right; font-size: 16px; } 


/*search end*/


/*header end*/


/*课程类型标识*/

.course-pro0,
.course-proface,
.course-pro1,
.course-pro2,
.course-pro3,
.course-pro4,
.course-pro5,
.course-pro6 { position: absolute; right: -15px; top: -14px; overflow: hidden; z-index: 99; color: #fff; padding: 0 10px; line-height: 25px; border-radius: 25px; font-size: 14px; border: 2px solid #fff; display: none; } 

.course-pro1,
.course-pro5 { background: #f5891e; } 

.course-pro2,
.course-pro4 { background: #ff75b7; } 

.course-pro3,
.course-pro6 { background: #ff9684; } 


/*sort*/

.sortbox { border: 1px solid #ebebeb; font-size: 14px; height: 42px; line-height: 42px; margin-top: 25px; background: #f9f9f9; position: relative; } 

.sortbox-title { font-size: 16px; color: #333; float: left; padding-left: 20px; } 

.sortbox,
.sortbox a { color: #6b6b6b; } 

.sortbox-find { float: left; padding-left: 20px; } 

.sortbox-find strong { color: #f54444; padding: 0 5px; font-weight: normal; } 

.sortbox-option { float: right; } 

.sortbox-option a { float: left; padding: 0 20px; } 

.sortbox-option-l { float: left; } 

.sortbox-option-l a { border-left: 0; } 

.sortbox-option .edufont { float: right; font-size: 13px; margin-left: 5px; color: #ababab; } 

.sortbox-option a:hover,
.sortbox-option a:hover i,
.sortbox-option .curr { color: #3c81f9; } 

.sortbox-option .d:hover i,
.sortbox-option .curr.d i { background: url(desc.png) no-repeat; } 

.sortbox-option .a:hover i,
.sortbox-option .curr.a i { background: url(asc.png) no-repeat; } 

.sortbox-option i { float: right; width: 7px; height: 10px; float: right; background: url(sort-arrow.png) no-repeat; margin: 16px 0 0 10px; } 

.sortbox-tab { float: left; } 

.sortbox-tab a { padding: 0 20px; float: left; position: relative; } 

.sortbox-tab .curr { color: #333; background: #fff; } 

.sortbox-select { float: left; padding: 0 20px; border-left: 1px solid #ebebeb; position: relative; } 

.sortbox-selectbox { width: 150px; max-height: 240px; position: absolute; left: 0; top: 42px; background: #fff; z-index: 90; border: 1px solid #ebebeb; overflow-y: auto; display: none; } 

.sortbox-selectbox span { display: none; } 

.sortbox-selectbox a { display: block; /*height: 44px; */
 line-height: 44px; padding: 0 20px; overflow: hidden; } 

.sortbox-selectbox a:hover { background: #f9f9f9; } 

.sortbox-selected { cursor: pointer; } 

.sortbox-selected i { float: right; font-size: 13px; margin-left: 10px; } 

.sortbox-search { float: right; } 

.sortbox-search-city { cursor: pointer; } 

.sortbox-search-city i { float: right; font-size: 12px; margin-left: 5px; color: #9b9b9b; } 

.sortbox-search-city,
.sortbox-search-box { float: left; padding: 0 15px; border-left: 1px solid #ebebeb; position: relative; background: #fff; } 

.sortbox-search-box { padding-right: 0; } 

.sortbox-search-box .text { height: 42px; line-height: 42px; color: #6b6b6b; border: 0px; width: 300px; float: left; font-size: 14px; } 

.sortbox-search-box .text:focus { border: 0; } 

.sortbox-search-box .btn { width: 42px; height: 42px; text-align: center; float: left; font-size: 16px; border: 0px; cursor: pointer; background: none; color: #9b9b9b; border-left: 1px solid #ebebeb; transition: .3s; } 

.sortbox-search-box .btn:hover { background: #f9f9f9; } 

.sortbox-search-menu a,
.sortbox-search-menu i,
.sortbox-search-menu { float: left; } 

.sortbox-search-menu a { padding: 0 15px; border-left: 1px solid #ebebeb; color: #9b9b9b; } 

.sortbox-search-menu i { margin-right: 5px; } 

.sortbox-search-menu .active { color: #3c81f9; } 


/*checkbox*/

input[type="checkbox"] { width: 17px; height: 17px; -webkit-appearance: none; cursor: pointer; background-image: url(check.png); background-repeat: no-repeat; vertical-align: middle; margin-right: 8px; } 

input[type="checkbox"]:checked { background-position: 0 -17px; } 

input[type="checkbox"]:disabled { background-position: -17px 0; } 

input[type="checkbox"]:checked:disabled { background-position: -17px -17px; } 


/*radio*/

input[type="radio"] { width: 17px; height: 17px; -webkit-appearance: none; cursor: pointer; background-image: url(radio.png); background-repeat: no-repeat; vertical-align: middle; margin-right: 5PX; } 

input[type="radio"]:checked { background-position: 0 -17px; } 

input[type="radio"]:disabled { background-position: -17px 0; } 

input[type="radio"]:checked:disabled { background-position: -17px -17px; } 

/*内页banner*/

.i-banner { background: url(banner-bg.jpg) no-repeat center center; width: 100%; position: relative; height: 420px; margin-bottom: 30px; } 

.i-banner h1 { font-size: 64px; padding-top: 80px; height: 100px; line-height: 100px; font-weight: bold; color: #fff; text-align: center; } 

.i-banner span { font-size: 40px; height: 60px; line-height: 60px; color: #fff; display: block; text-align: center; margin-top: 30px; text-align: center; } 

.c-banner { background: url(cbanner.jpg) no-repeat center center; } 

.t-banner { background: url(tbanner.jpg) no-repeat center center; } 

.g-banner { background: url(gbanner.jpg) no-repeat center center; } 

.a-banner { background: url(abanner.jpg) no-repeat center center; } 

.e-banner { background: url(ebanner.jpg) no-repeat center center; background-size: cover; } 

.p-banner { background: url(pbanner.jpg) no-repeat center center; background-size: cover; } 

/*-------------------组件----------------------*/


/*carousel*/

.carousel-dots { position: absolute; bottom: 20px; width: 100%; text-align: center; height: 12px; line-height: 12px; overflow: hidden; } 

.carousel-dots span { display: inline-block; } 

.carousel-dots i { width: 8px; height: 8px; float: left; background: #fff; margin: 0px 5px; border-radius: 50%; cursor: pointer; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: width .3s ease-out; } 

.carousel-dots .on { width: 30px; border-radius: 12px; } 

.carousel-prev,
.carousel-next { width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } 

.carousel-prev { left: 0; background: url(icon-l.png) no-repeat 50% 50%; } 

.carousel-next { right: 0; background: url(icon-r.png) no-repeat 50% 50%; } 

.carousel-prev:hover,
.carousel-next:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } 


/*filterbox*/

.filterbox { border-radius: 4px; background: #fff; padding: 15px 0px 20px; box-sizing: border-box; } 

.filterbox ul { background-color: white; border-radius: 3px; } 

.filterbox li { position: relative; padding: 10px 15px 10px 0; margin-left: 80px; } 

.filterbox li:first-child { border-top: 0px; } 

.filterbox li span { width: 80px; font-size: 14px; line-height: 30px; position: absolute; left: -80px; top: 10px; } 

.filterbox li a { float: left; margin: 0px 5px 5px 0; font-size: 14px; color: #828282; line-height: 28px; height: 28px; padding: 0 21px; text-indent: 0; border: 1px solid #fff; } 

.filterbox li a.curr,
.filterbox li a:hover { color: #3c81f9; border: 1px solid #3c81f9; border-radius: 20px; } 

.filterbox li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } 

.filterbox .path-now { font-size: 16px; color: #333; margin-bottom: 20px; } 


/*子模块*/

.sub-header { height: 60px; line-height: 60px; background: #fff; } 

.sub-header .page-width { position: relative; z-index: 99; } 

.sub-header .logo { float: left; padding-right: 25px; } 

.sub-header .logo img { height: 34px; display: block; margin-top: 11px; } 

.sub-header li { float: left; } 

.sub-header li a { display: block; font-size: 14px; padding: 0 25px; } 

.sub-header a { color: #6b6b6b; } 

.sub-header .active a { color: #3c81f9; } 

.sub-header .user-bar { float: right; font-size: 14px; height: 60px; padding-right: 60px; } 

.sub-header .user-bar a { font-size: 14px; margin: 0 15px; } 

.sub-header .user-bar img { width: 30px; height: 30px; float: left; border-radius: 50%; overflow: hidden; margin: 14px 10px 0 0; } 

.sub-header .haed-user { padding: 0 20px; position: relative; height: 60px; } 

.sub-header .haed-user:hover,
.sub-header .message:hover { background: #f6f6f6; } 

.sub-header .message { position: absolute; right: 0; top: 0; width: 60px; text-align: center; height: 60px; } 

.sub-header .message i { color: #777f84; font-size: 20px; } 

.sub-header .message a { margin: 0; } 

.sub-header .message:hover i { color: #3c81f9; } 

.sub-header .u-navdropmenu { position: absolute; top: 60px; right: 0; width: 140px; background: #fff; padding: 10px 0; border-radius: 4px; overflow: hidden; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); display: none; } 

.sub-header .u-navdropmenu span { display: block; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; } 

.sub-header .u-navdropmenu a { display: block; padding: 0 20px; margin: 0; color: #76808a; } 

.sub-header .u-navdropmenu a:hover { background: #3c81f9; color: #fff; } 

.sub-header .u-navdropmenu i { float: left; margin-right: 5px; width: 20px; font-size: 18px; } 

.sub-header .message .num { font-style: normal; width: 16px; height: 16px; border-radius: 50%; text-align: center; line-height: 16px; background: #fc4c4c; color: #fff !important; position: absolute; font-size: 12px; right: 12px; top: 12px; } 

.sub-title { margin-top: 24px; overflow: hidden; position: relative; font-size: 18px; margin-bottom: 5px; } 

.sub-title .lined { width: 40px; height: 2px; position: absolute; bottom: 0; left: 0; background: #3c81f9; } 

.sub-title-sort { height: 28px; line-height: 28px; overflow: hidden; } 

.sub-title-sort a { padding: 0 20px; margin-right: 20px; float: left; font-size: 14px; color: #5b5b5b; position: relative; } 

.sub-title-sort a:first-child { border-left: 0px; } 

.sub-title-sort i { width: 7px; height: 10px; position: absolute; background: url(sort-arrow.png) no-repeat; margin: 9px 0 0 0; right: 10px; top: 0px; } 

.sub-title-sort .curr { color: #3c81f9; } 

.sub-title-sort a:hover,
.sub-title-sort .curr { background: #A4AAB2; color: #fff; border-radius: 20px; } 

.sub-title-sort .curr i,.sub-title-sort a:hover i { background: url(sort-arrowh.png) no-repeat; } 

.sub-title-sort .curr.a:hover i,
.sub-title-sort .curr.a i { background: url(asc.png) no-repeat; } 
.sub-title-sort .curr.d:hover i,
.sub-title-sort .curr.d i { background: url(desc.png) no-repeat; } 

.sub-sort { height: 40px; line-height: 40px; background: #ececec; } 

.sub-sort .sort-left { float: left; } 

.sub-sort .sort-left a { padding: 0 30px; float: left; } 

.sub-sort .sort-left a:hover { color: inherit; } 

.sub-sort .sort-left .curr { background: #3c81f9; color: #fff; } 

.sub-sort .sort-right { float: right; padding-right: 10px; } 

.sub-sort .icondown { width: 17px; height: 12px; float: right; background: url(arrowdown.png) no-repeat; margin: 15px 0 0 5px; } 

.sub-sort .curr .icondown { background: url(arrowdown-on.png) no-repeat; } 

.sub-sort .curr:hover { color: #fff; } 

.sub-sort .sort-right input[type=text] { width: 155px; float: left; border: 0px; border-bottom: 1px solid #c2c2c2; height: 30px; line-height: 30px; margin-top: 2px; background: none; margin-top: 3px; } 

.sub-sort .sort-right input[type=button] { width: 30px; height: 30px; float: left; background: url(icon-sc.png) no-repeat 50% 50%; border: 0px; margin-top: 3px; } 

.sub-footer { padding: 40px 0; background: #11191b; color: #777f81; text-align: center; line-height: 32px; } 


/*标题banner*/

.title-banner { height: 260px; overflow: hidden; text-align: center; color: #fff; } 

.title-banner h4 { font-size: 32px; line-height: 52px; padding-top: 80px; font-weight: normal; } 

.title-banner p { font-size: 14px; letter-spacing: 1px; line-height: 44px; } 

.bg-classroom { background: url(../class/bjlb.jpg) no-repeat 50% 0; } 

.bg-group { background: url(../group/xzsy.jpg) no-repeat 50% 0; } 

.bg-exam { background: url(../exam/banner-exam.jpg) no-repeat 50% 0; } 

.bg-ask { background: url(../ask/bg.jpg) no-repeat 50% 0; } 

.bg-about { background: url(../news/banner-about.jpg) no-repeat 50% 0; } 

.bg-gkc { background: url(../course/banner-gkc.jpg) no-repeat 50% 50%; height: 200px; background-size: cover; } 

.bg-gkc h4 { padding-right: 60px; } 

.page-animate { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 

.posnav { line-height: 23px; color: #9b9b9b; font-size: 13px; padding: 20px 0 15px 0; } 

.posnav a { color: #aaa; } 

.posnav em { margin: 0 5px; } 

.bd-style { border-bottom: 1px solid #ebebeb; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); border-radius: 3px; } 

.page-animate { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } 

.posnav { line-height: 23px; color: #9b9b9b; font-size: 13px; padding: 20px 0 15px 0; } 

.posnav a { color: #aaa; } 

.posnav em { margin: 0 5px; } 

.bd-style { border-bottom: 1px solid #ebebeb; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); border-radius: 3px; } 

.empty { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(empty.png) no-repeat 50% 40px; } 

.data-errer { text-align: center; font-size: 14px; color: #bbb; padding: 150px 0px 40px 0px; line-height: 24px; background: url(errer.png) no-repeat 50% 60px; } 

.empty a { width: 120px; height: 36px; line-height: 36px; text-align: center; display: block; margin: 0 auto; background: #3c81f9; color: #fff; border-radius: 3px; margin-top: 15px; } 

.empty a:hover { background: #3c81f9; } 

.aside-operate { width: 56px; position: fixed; right: 30px; bottom: 110px; background: #fff; display: none; z-index: 100; border: 1px solid #bcc3cc; } 

.aside-operate li { text-align: center; position: relative; cursor: pointer; color: #bcc3cc; padding: 6px 0; background: #fff; border-bottom: 1px solid #bcc3cc; } 

.aside-operate li:hover { color: #3c81f9; } 

.aside-operate li:last-child { border-bottom: 0; } 

.aside-operate li .aside-icon { display: block; margin: 0 auto 5px; width: 24px; height: 24px; } 

.aside-icon1 { background: url(common_btn_qrcode.png) no-repeat center; } 

.aside-operate li:hover .aside-icon1 { background: url(common_btn_qrcode_h.png) no-repeat center; } 

.aside-icon2 { background: url(common_btn_help.png) no-repeat center; } 

.aside-operate li:hover .aside-icon2 { background: url(common_btn_help_h.png) no-repeat center; } 

.aside-icon3 { background: url(common_btn_top.png) no-repeat center; } 

.aside-operate li:hover .aside-icon3 { background: url(common_btn_top_h.png) no-repeat center; } 

.aside-operate li .code-box { width: 118px; padding: 15px; border: 1px solid #e3e3e3; position: absolute; right: 70px; top: 50%; margin-top: -90px; background: #fff; color: #61666c; display: none; } 

.aside-operate li .code-box img { width: 118px; height: 118px; display: block; margin: 0 auto; } 

.aside-operate li .code-box p { line-height: 24px; font-size: 14px; display: block; margin-top: 10px; } 

.aside-operate li .code-box em { width: 6px; height: 9px; background: url(arrow-r.png) no-repeat; position: absolute; right: -6px; top: 50%; margin-top: -5px; } 

::-webkit-scrollbar { width: 5px; /*滚动条宽度*/
 /*height: 16px; */ } 


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track { background-color: #f5f7fa; /*滚动条的背景颜色*/ } 


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb { border-radius: 10px; /*滚动条的圆角*/
 background-color: #bbb; /*滚动条的背景颜色*/ } 

.vip_img { width: 20px; height: 20px; display: inline-block; } 

.vip_img img { max-width: 100%; } 

.lunt-cents img { max-width: 9rem; max-height: 9rem } 

.weichat-code { position: absolute; z-index: 10; right: 58px; width: 150px; height: 150px; top: 0; padding-right: 15px; display: none; } 

.aside-operate li:hover .weichat-code { display: block; } 

.weichat-code-box { display: block; box-shadow: 0px 0px 20px 2px #dedede; position: relative; } 

.weichat-code-box img { width: 100%; height: 100%; } 

.weichat-code-box:after { content: ''; width: 0; height: 0; display: inline-block; border: 8px solid transparent; border-left: 8px solid white; position: absolute; top: 20px; right: -15px; } 

.tel-box { position: absolute; z-index: 10; right: 68px; width: 140px; height: 50px; top: 0; line-height: 50px; padding-left: 30px; font-size: 18px; box-shadow: 0px 0px 20px 2px #dedede; color: #ff6600; background: url(t-tel.png) no-repeat 15px center #fff; display: none; } 

.aside-operate li:hover .tel-box { display: block; } 


/* 底部 */

.footer { background: #fff; padding: 30px 0; } 
.footer-top { min-height: 222px; } 
.footer-top__left { width: 1069px; float: left; } 

.footer-top__left .footer-top__left-item { float: left; width: 33.33%; } 

.footer-top__right { width: 111px; float: right; } 

.footer-bottom { padding-top: 24px; border-top: 1px solid rgba(164, 170, 178, .2); text-align: center; } 

.footer-bottom p { line-height: 33px; font-size: 14px; color: #8D9299; } 

.footer-top__code img { width: 100%; } 

.footer-top__left-item h3,
.footer-top__right h3 { font-size: 18px; margin-bottom: 22px; font-weight: normal; } 

.footer-top__left-item li { font-size: 14px; margin-bottom: 25px; } 

.footer-top__left-item li a { color: #8D9299; } 

.footer-tel { font-size: 20px; font-weight: 400; color: rgba(141, 146, 153, 1); } 

.footer .footer-concat .code-img { position: absolute; bottom: 30px; left: 50%; margin-left: -60px; display: none; box-shadow: 0px 0px 10px 3px #eee; background: #fff; border-radius: 5px; width: 120px; height: 120px; overflow: hidden; } 

.footer .footer-concat .code-img img { width: 100%; height: 100%; } 

.footer .footer-concat .a-wechat:hover .code-img { display: block; } 

.footer-date { font-size: 14px; font-weight: 400; color: rgba(141, 146, 153, 1); line-height: 42px; } 

.footer-concat a { width: 30px; height: 30px; color: #8D9299; float: left; text-align: center; line-height: 30px; margin: 10px 20px 0 0; border-radius: 18px; border: 1px solid #8D9299; position: relative; } 


/****************************
paging
*****************************/

.paging { padding: 30px 0; text-align: center; } 

.paging-box,
.paging-box2 { display: inline-block; } 

.paging-box a { float: left; min-width: 20px; background: #fff; border-radius: 3px; font-size: 14px; line-height: 30px !important; padding: 0 5px; /*border: 1px solid #e3e3e3; */
 margin: 0 5px; color: #5b5b5b; } 

.paging-box a:hover { color: #3c81f9; } 

.paging-box .icon-prev,
.paging-box .icon-next { display: block; height: 30px; } 

.paging-box .icon-prev:hover { background: url(paging-prevh.png) no-repeat 50% 50%; } 

.paging-box .icon-next:hover { background: url(paging-nexth.png) no-repeat 50% 50%; } 

.paging-box .curr,
.paging-box .curr:hover { background: #3c81f9; color: #fff; } 

.paging-box .icon-prev { background: url(paging-prev.png) no-repeat 50% 50%; } 

.paging-box .icon-next { background: url(paging-next.png) no-repeat 50% 50%; } 

/* 20210225头部 */
.loginBtn { display: inline-block; } 
.login-a-reg .userindex { margin-right: 30px; display: inline-block; height: 32px; line-height: 32px; ;color:  #2E65EF; vertical-align: middle;}